$(function () {
    var pageSize = 10;
    var currentPage = 1;
    
    // 请求分页数据
    getCommentData();
    function getCommentData() {
        $.ajax({
            type: "post",
            url: "/admin/api/getCommentsByQuery.php",
            data: {
                currentPage: currentPage,
                pageSize: pageSize
            },
            dataType: "json",
            success: function (res) {
                console.log(res);
                if (res.code == 1) { 
                    $('tbody').html(template('commentstp', res.data));
                    // 最大页码数
                    var pageCount = Math.ceil(res.dataCount / pageSize);

                    initPage(pageCount);
                }
            }
        });
    }

    // 使用插件完成分页显示
    function initPage(pageCount) {
        // 使用一个ul来调用他的分页函数
        $('.pagination').twbsPagination({
            // 分页需要的最大的页码数
            totalPages: pageCount,
            // 显示多少个按钮
            visiblePages: 5,
            // 按钮的文字
            first: '首页',
            prev: '上一页',
            next: '下一页',
            last: '尾页',
            // 点击分页按钮的时候调用的函数
            onPageClick: function (event, page) { 
                // page参数就是当前要请求的页码
                // 修改要请求的页数
                currentPage = page;
                getCommentData();
            }
        });
    }
});